<template>
  <el-header class="header" height=".7rem">
    <header-top></header-top>
  </el-header>
</template>

<script>
  import HeaderTop from '@/views/app-header/header-top';

  export default {
    name: "top-header",

    components: {
      HeaderTop,
    },

    data() {
      return {};
    }
  };
</script>

<style lang="scss" scoped>
  $--header-height: 70px !default;
  $--header-bg-color: $--app-header-top-color !default;

  @include b(header) {
    background-color: $--color-black;
    width: 100%;
    height: $--header-height;
  }
</style>
